<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <script type="text/javascript" src="./lib/axios.min.js"></script>
    <script type="text/javascript">
        // 前端发送两种请求 get / post
        // axios.get
        // axios.post
        // axios()
        // 
        // $.get
        // $.post
        // $.ajax
        // 
        // axios更加通用的调用接口方式
        // axios({
        //   // 表示请求方式
        //   method: 'get',
        //   url: 'http://www.liulongbin.top:3006/api/get',
        //   params: {
        //     id: 1,
        //     uname: 'lisi'
        //   }
        // }).then(function (res) {
        //   console.log(res)
        // })

        // 发送请求参数 json格式
        // axios({
        //   // 表示请求方式
        //   method: 'post',
        //   url: 'http://www.liulongbin.top:3006/api/post',
        //   data: {
        //     id: 123,
        //     uname: 'lisi',
        //     age: 12
        //   }
        // }).then(function (res) {
        //   console.log(res)
        // })


        // 发送请求参数 form格式
        // var fd = new URLSearchParams()
        // fd.append('uname', 'lisi')
        // fd.append('pwd', '123')
        // axios({
        //   // 表示请求方式
        //   method: 'post',
        //   url: 'http://www.liulongbin.top:3006/api/post',
        //   data: fd
        // }).then(function (res) {
        //   console.log(res)
        // })
        axios({
            //请求方式
            method: 'get',
            // 地址
            url: 'http://www.liulongbin.top:3006/api/get',
            // 传参
            params: {
                id: 1,
                name: 'nihao',
            },
        }).then(function(res) {
            console.log(res.data)
        });
        // axios({
        //     method: 'post',
        //     url: 'http://www.liulongbin.top:3006/api/post',
        //     data: {
        //         uname: '123',
        //         pwd: '123'
        //     }
        // }).then(function(res) {
        //     console.log(res)
        // });
        var fd = new URLSearchParams();
        fd.append('uname', 'lisi');
        fd.append('pwd', '123');
        axios({
            method: 'post',
            url: 'http://www.liulongbin.top:3006/api/post',
            // 传参
            data: fd
        }).then(function(res) {
            console.log(res)
        })
    </script>
</body>

</html>